<template>
    <div>
        <h1>这是child组件</h1>
        <h6>这是父组件穿来的数据：{{msge}}</h6>
        <button @click="send">传值给父组件</button>
    </div>
</template>
<script>
    import {
        defineComponent,
        ref,onMounted
    } from 'vue'

    export default defineComponent({
        name: 'Child',

        props: {
            msge: {
                type: String,
                requer: false, //默认可以不传
                default: '这个是默认值'
            }
        },
        setup(props, ctx) {
            console.info(props.msge+'---Child中打印----')
            let childMsg = ref('我是子组件的数据')
            let num=ref(10)
            let send = () => {
                //通过ctx.emit分发事件
                ctx.emit('send', childMsg.value);
            }
            onMounted(()=>{
                ctx.emit('send', [childMsg.value,num.value]);
            })
            return {
                childMsg,
                send,num
            }

        },
    })
</script>